<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人简历-改</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/2.css"/>

    <script>
        $(document).ready(function() {
            $('a[href*=#]').click(function() {
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
                        && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                    if ($target.length) {
                        var targetOffset = $target.offset().top;
                        $('html,body').animate({
                                    scrollTop: targetOffset
                                },
                                1000);
                        return false;
                    }
                }
            });
        });
        $(document).ready(function(){
            $("#fk").onclick(function(){
                $("#menu-2","#menu-3","menu-4").fadeIn();
                $("#menu-1").fadeOut();
            });
        });
        $(document).ready(function(){
            $("#fk1").onclick(function(){
                $("#menu-1","#menu-3","menu-4").fadeIn();
                $("#menu-2").fadeOut();
            });
        });
    </script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="example" >
       <div class="container">
             <div class="collapse navbar-collapse show-menu text-center" id="tem">
                 <ul class="main-menu nav navbar-nav">
                     <li class="i"><a href="#menu-1"  class="show-1 homebutton"  >
                           <b>首页</b>
                     </a></li>
                     <li class="i"><a href="#menu-2"  class="show-2 aboutbutton">
                         <b>自我介绍</b></a></li>
                      <li><a href="#menu-3"  class="show-3 projectbutton" >
                          <b>工作经历</b></a></li>
                     <li class="i"><a href="#menu-4"  class="show-4 contactbutton " >
                         <b>自述</b></a></li>
                     <li class="i"><a href="#menu-5"  class="show-4 contactbutton " >
                         <b>练习作品</b></a></li>
                 </ul>
             </div>
       </div>
</nav>

       <div id="menu-1" class="bg">
               <div class="fo">
                   <h1>陈玲艳个人简历</h1>
                   <span>Resume</span>
               </div>
       </div>
        <hr style="height:1px;border:none;border-top:1px solid #555555;" />
       <!--自我介绍-->
       <div class="container-fluid  menu" id="menu-2" style="width: 100%;margin: 0">
           <div class="text-center" style="padding-top: 100px">
               <h1>自我介绍</h1>
           </div>

               <div class="row js">
                   <div class="col-md-6" style="padding-left: 10%">
                       <img src="./img/3.jpg" alt="" />
                   </div>
                   <div class="col-md-6" style="padding-left: 10%">
                       <p><strong>姓名：</strong>陈玲艳</p>
                       <p><strong>性别：</strong>女</p>
                       <p><strong>籍贯：</strong>四川绵阳</p>
                       <p><strong>毕业学校：</strong>江西渝州科技职业学校</p>
                       <p><strong>电话：</strong>15882813181</p>
                       <p><strong>邮箱：</strong>scmyytcly@163.com</p>
                   </div>>
               </div>
       </div>
       <hr style="height:1px;border:none;border-top:1px solid #555555;" />
        <!--工作经历-->
       <div class="container-fluid  menu za" id="menu-3" >
           <div class="text-center" style="padding-top: 100px">
               <h1>工作经历</h1>
           </div>
           <div class="row js">
               <div class="col-md-6" style="padding-left: 5%">
                   <p style="font-size: 20px"><strong>2010年7月   江西新余麦肯基服务员</strong></p>
                   <br/>
                   <p style="font-size: 20px"><strong>2011年8月  德阳易通信息技术有限公司话务员</strong></p>
                   <br/>
                   <p  style="font-size: 20px"><strong>2012年3~2015年5月   绵阳市高新区公安分局天网人员</strong></p>
               </div>

               <div class="col-md-6" style="padding-right: 10%">
                   <p style="font-size: 20px">
                       <strong>2010年8~2011年6月   江西新余渝州科技职业学校电子阅览室管理员</strong></p>
                   <br/>
                   <p style="font-size: 20px"><strong>2011年11月~2012年3月初 星海网络游戏工作室文员</strong></p>
                   <br/>
                   <p style="font-size: 20px"><strong>2015年8月~11月    绵阳信风科技有限公司培训</strong>XXX</p>
               </div>
           </div>

       </div>

        <hr style="height:1px;border:none;border-top:1px solid #555555;" />
       <!--自述-->
        <div  class="container-fluid  menu" id="menu-4" >
            <div class="text-center" style="padding-top: 100px">
                <h1>自述</h1>
            </div>
            <div style="padding-left: 20%">
                <div class="row">
                    <div class="col-md-9">
                        <h3>
                            &nbsp;&nbsp; &nbsp;&nbsp;谢谢您抽出时间来看我这篇简单的简介。我是一名自考专科生，
                            毕业于江西省江西渝州科技职业学校，计算机软件专业。不想骗人，可以说那三年是自己荒废的
                            三年。毕业后也做过几分工作：当过外呼话务员、游戏公司做过验证码输入员、也在公安局做过
                            协警，最后选择了网络培训，针对的是网站前端设计，在这一领域，我不敢说我学了有多深，
                            会了什么，但我确定的说，我喜欢这个行业，希望能在这行业发出属于自己的光与热。
                        </h3>
                    </div>
                </div>
            </div>
        </div>

       <hr style="height:1px;border:none;border-top:1px solid #555555;" />
       <!--练习作品-->
      <div class="container-fluid  menu za" id="menu-5" >
             <div class="text-center" style="padding-top: 100px">
                    <h1>练习作品</h1>
             </div>
            <div class="row js">
                  <div class="col-md-6" style="text-align: center">
                      <h2>PS copy练习</h2>
                      <p style="padding-top: 30px">
                          <img src="./img/1.jpg" alt=""/>
                      </p>
                      <p>
                          <img src="./img/4.jpg" alt=""/>
                      </p>
                      <p>
                          <img src="./img/5.jpg" alt=""/>
                      </p>
                  </div>
                  <div class="col-md-6" style="text-align: center" >
                      <h2>网站前端copy练习</h2>
                      <p style="padding-top: 30px">
                          <img src="./img/3.png" alt=""/>
                      </p>
                      <p style="padding-top: 30px">
                          <img src="./img/2.png" alt=""/>
                      </p>

                      <p style="padding-top: 30px">
                          <img src="./img/1.png" alt=""/>
                      </p>
                      <p style="padding-top: 30px">
                          <img src="./img/4.png" alt=""/>
                      </p>
                  </div>
            </div>
      </div>

</body>
</html>